import React, { Component } from "react";
import { Row, Col } from "antd";



class HeaderComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [],
    };
  }
  render() {
    return (
      <div>
        <div>
          <div className='header-title'>
          </div>
          <Row className="header-row">
            <Col xs={24} sm={20} md={13}><div className="header-row-subtitle">
              <div className="subtitle-item"><div><span>风险构成</span></div></div>
              <div className="subtitle-item"><div><span>安全承诺</span></div></div>
              <div className="subtitle-item"><div><span>实时监测</span></div></div>
              <div className="subtitle-item"><div><span>报警情况</span></div></div>
              <div className="subtitle-item"><div><span>基本信息</span></div></div>
            </div></Col>
            <Col span={9}></Col>
            <Col xs={2} sm={2} md={2} lg={2}><span>警告</span></Col>
          </Row>
        </div >
      </div >
    );
  }
}
export default HeaderComponent;
